{include file="header.tpl" jsload = "ajax" jsload1 = "tinymce" jsload3 = "lightbox" stage = "index"}

{include file="tabsmenue-desk.tpl" desktab = "active"}

<div id="content-left">
<div id="content-left-in">

	{* Display System messages *}
	<div class="infowin_left" style = "display:none;" id = "systemmsg">
		{if $mode == "projectadded"}
        <span class="info_in_green"><img src="templates/standard/images/symbols/projects.png" alt=""/>{#projectwasadded#}</span>
		{/if}

		{*for async display*}
		<span id = "closed" style = "display:none;" class="info_in_green"><img src="templates/standard/images/symbols/projects.png" alt=""/>{#projectwasclosed#}</span>
		<span id = "deleted" style = "display:none;" class="info_in_red"><img src="templates/standard/images/symbols/projects.png" alt=""/>{#projectwasdeleted#}</span>

   </div>

	{literal}
	<script type = "text/javascript">
	systemMsg('systemmsg');
	 </script>
	{/literal}

<h1>{#desktop#}</h1>

{*Projects*}
{if $projectnum > 0}

	<div class="projects">


			<div class="headline">
				<a href="javascript:void(0);" id="projecthead_toggle" class="{$projectbar}" onclick = "toggleBlock('projecthead');"></a>
                      {if $userpermissions.projects.add}
					<div class="wintools">
						<a class="add" href="javascript:blindtoggle('form_addmyproject');" id="add_myprojects" onclick="toggleClass(this,'add-active','add');toggleClass('add_butn_myprojects','butn_link_active','butn_link');"><span>{#addproject#}</span></a>
					</div>
					{/if}
				<h2>
					<a href="myprojects.php" title="{#myprojects#}"><img src="./templates/standard/images/symbols/projects.png" alt="" />{#myprojects#}</a>
				</h2>
			</div>


			<div class="block" id="projecthead" style = "{$projectstyle}">
				{*Add Project*}
				<div id = "form_addmyproject" class="addmenue" style = "display:none;">
				{include file="addproject.tpl"}
				</div>
				<table id = "desktopprojects" cellpadding="0" cellspacing="0" border="0">

					<thead>
						<tr>
							<th class="a"></th>
							<th class="b" onclick = "sortBlock('desktopprojects','');">{#project#}</th>
							<th class="c">{#done#}</th>
							<th class="d" onclick = "sortBlock('desktopprojects','daysleft');">{#daysleft#}</th>
							<th class="tools"></th>
						</tr>
					</thead>

					<tfoot>
						<tr>
							<td colspan="5"></td>
						</tr>
					</tfoot>

					{section name=project loop=$myprojects}

					{*Color-Mix*}
					{if $smarty.section.project.index % 2 == 0}
					<tbody class="color-a" id="proj_{$myprojects[project].ID}" rel = "{$myprojects[project].ID},{$myprojects[project].name},{$myprojects[project].daysleft}">
					{else}
					<tbody class="color-b" id="proj_{$myprojects[project].ID}" rel = "{$myprojects[project].ID},{$myprojects[project].name},{$myprojects[project].daysleft}">
					{/if}
						<tr {if $myprojects[project].daysleft < 0} class="marker-late"{elseif $myprojects[project].daysleft == 0} class="marker-today"{/if}>
							<td>{if $userpermissions.projects.close}<a class="butn_check" href="javascript:closeElement('proj_{$myprojects[project].ID}','manageproject.php?action=close&amp;id={$myprojects[project].ID}');" title="{#close#}"></a>{/if}</td>
							<td>
								<div class="toggle-in">
								<span id = "desktopprojectstoggle{$myprojects[project].ID}" class="acc-toggle" onclick="javascript:accord_projects.activate($$('#projecthead .accordion_toggle')[{$smarty.section.project.index}]);toggleAccordeon('projecthead',this);"></span>
									<a href="manageproject.php?action=showproject&amp;id={$myprojects[project].ID}" title="{$myprojects[project].name}">
										{if $myprojects[project].name != ""}
										{$myprojects[project].name|truncate:30:"...":true}
										{else}
										{$myprojects[project].desc|truncate:30:"...":true}
										{/if}
									</a>
								</div>
							</td>
							<td><div class="statusbar_b"><div class="complete" id = "completed" style="width:{$myprojects[project].done}%;"></div></div><span>{$myprojects[project].done}%</span></td>
							<td>{$myprojects[project].daysleft}</td>
							<td class="tools">
							     {if $userpermissions.projects.edit}
								<a class="tool_edit" href="manageproject.php?action=editform&amp;id={$myprojects[project].ID}" title="{#edit#}" ></a>{/if}
								{if $userpermissions.projects.del}
								<a class="tool_del" href="javascript:confirmfunction('{#confirmdel#}','deleteElement(\'proj_{$myprojects[project].ID}\',\'manageproject.php?action=del&amp;id={$myprojects[project].ID}\')');"  title="{#delete#}"></a>
								{/if}
							</td>
						</tr>

						<tr class="acc">
							<td colspan="5">
								<div class="accordion_toggle"></div>
								<div class="accordion_content">
									<div class="acc-in">
										<div class="message-in">
											{$myprojects[project].desc}
										</div>
									</div>
								</div>
							</td>
						</tr>
					</tbody>
					{/section}

				</table>

				<div class="tablemenue">
					<div class="tablemenue-in">
						{if $userpermissions.projects.add}
						<a class="butn_link" href="javascript:blindtoggle('form_addmyproject');" id="add_butn_myprojects" onclick="toggleClass('add_myprojects','add-active','add');toggleClass(this,'butn_link_active','butn_link');toggleClass('sm_myprojects','smooth','nosmooth');">{#addproject#}</a>
						{/if}

					</div>
				</div>


		</div> {*block END*}
	</div> {*projects END*}
	<div class="content-spacer"></div>
	{/if}
{*Projects End*}



{*Tasks*}
{if $tasknum > 0}
	<div class="tasks">


			<div class="headline">
				<a href="javascript:void(0);" id="taskhead_toggle" class="{$taskbar}" onclick = "toggleBlock('taskhead');"></a>

				<div class="wintools">
					<div class="export-main">
						<a class="export"><span>{#export#}</span></a>
						<div class="export-in"  style="width:46px;left: -46px;"> {*at two items*}
							<a class="rss" href="managerss.php?action=rss-tasks&user={$userid}"><span>{#rssfeed#}</span></a>
							<!--
							<a class="pdf" href="#"><span>{#pdfexport#}</span></a>
							-->
							<a class="ical" href="managetask.php?action=ical"><span>{#icalexport#}</span></a>
						</div>
					</div>
				</div>

				<h2>
					<a href="mytasks.php" title="{#mytasks#}"><img src="./templates/standard/images/symbols/tasklist.png" alt="" />{#mytasks#}</a>
				</h2>

			</div>

			<div class="block" id="taskhead" style = "{$taskstyle}">
				<table id = "desktoptasks" cellpadding="0" cellspacing="0" border="0">

					<thead>
						<tr>
							<th class="a"></th>
							<th class="b" onclick = "sortBlock('desktoptasks','');">{#task#}</th>
							<th class="c" onclick = "sortBlock('desktoptasks','project');">{#project#}</th>
							<th class="d" onclick = "sortBlock('desktoptasks','daysleft');">{#daysleft#}</th>
							<th class="tools"></th>
						</tr>
					</thead>

					<tfoot>
						<tr>
							<td colspan="5"></td>
						</tr>
					</tfoot>

					{section name = task loop=$tasks}

					{*Color-Mix*}
					{if $smarty.section.task.index % 2 == 0}
					<tbody class="color-a" id="task_{$tasks[task].ID}" rel = "{$tasks[task].ID},{$tasks[task].title},{$tasks[task].daysleft},{$tasks[task].pname}">
					{else}
					<tbody class="color-b" id="task_{$tasks[task].ID}" rel = "{$tasks[task].ID},{$tasks[task].title},{$tasks[task].daysleft},{$tasks[task].pname}">
					{/if}
						<tr {if $tasks[task].daysleft < 0} class="marker-late"{elseif $tasks[task].daysleft == 0} class="marker-today"{/if}>
							<td>
                            {if $userpermissions.tasks.close}
                            <a class="butn_check" href="javascript:closeElement('task_{$tasks[task].ID}','managetask.php?action=close&amp;tid={$tasks[task].ID}&amp;id={$tasks[task].project}');" title="{#close#}"></a>
                            {/if}</td>
							<td>
								<div class="toggle-in">
								<span id = "desktoptaskstoggle{$tasks[task].ID}" class="acc-toggle" onclick="javascript:accord_tasks.activate($$('#taskhead .accordion_toggle')[{$smarty.section.task.index}]);toggleAccordeon('taskhead',this);"></span>
									<a href="managetask.php?action=showtask&amp;id={$tasks[task].project}&amp;tid={$tasks[task].ID}" title="{$tasks[task].title}">
										{if $tasks[task].title != ""}
										{$tasks[task].title|truncate:30:"...":true}
										{else}
										{$tasks[task].text|truncate:30:"...":true}
										{/if}
									</a>
								</div>
							</td>
							<td><a href = "managetask.php?action=showproject&amp;id={$tasks[task].project}" >{$tasks[task].pname|truncate:25:"...":true}</a></td>
							<td>{$tasks[task].daysleft}</td>
							<td class="tools">

								{if $userpermissions.tasks.edit}
								<a class="tool_edit" href="managetask.php?action=editform&amp;tid={$tasks[task].ID}&amp;id={$tasks[task].project}" title="{#edit#}"></a>{/if}
								{if $userpermissions.tasks.del}
								<a class="tool_del" href="javascript:confirmfunction('{#confirmdel#}','deleteElement(\'task_{$tasks[task].ID}\',\'managetask.php?action=del&amp;tid={$tasks[task].ID}&amp;id={$tasks[task].project}\')');"  title="{#delete#}"></a>
								{/if}
							</td>
						</tr>

						<tr class="acc">
							<td colspan="5">
								<div class="accordion_toggle"></div>
								<div class="accordion_content">
									<div class="acc-in">
										<div class="message-in">
											{$tasks[task].text|nl2br}
										</div>
									</div>
								</div>
							</td>
						</tr>
					</tbody>
					{/section}

				</table>

				<div class="tablemenue"></div>


		</div> {*block END*}
	</div> {*tasks END*}
	<div class="content-spacer"></div>
	{/if}
{*Tasks End*}



{*Milestones*}
<div class="miles">
			<div class="headline">
				<a href="javascript:void(0);" id="mileshead_toggle" class="{$milebar}" onclick = "toggleBlock('mileshead');"></a>

				<div class="wintools">
					<!--<div class="export-main">
						<a class="export"><span>{#export#}</span></a>
						<div class="export-in"  style="width:23px;left: -23px;"> {*at one item*}
							<a class="ical" href="managetask.php?action=ical"><span>{#icalexport#}</span></a>
						</div>
					</div>-->
					<div class = "progress" id = "progress" style = "display:none;">
						<img src = "templates/standard/images/symbols/loader-cal.gif" />
					</div>
				</div>


				<h2>
					<img src="./templates/standard/images/symbols/miles.png" alt="" />{#calendar#}
				</h2>

			</div>


			<div class="block" id="mileshead" style = "{$tmilestyle}">
				<div id = "thecal" class="bigcal"></div>
			</div> {*block End*}
</div>	{*miles End*}
<div class="content-spacer"></div>
{*Milestons END*}



{*Messages*}
{if $msgnum > 0}
	<div class="msgs">


			<div class="headline">
				<a href="javascript:void(0);" id="activityhead_toggle" class="{$actbar}" onclick = "toggleBlock('activityhead');"></a>

				<div class="wintools">
					<div class="export-main">
						<a class="export"><span>{#export#}</span></a>
						<div class="export-in"  style="width:46px;left: -46px;"> {*at one item*}
							<a class="rss" href="managerss.php?action=mymsgs-rss&amp;user={$userid}"><span>{#rssfeed#}</span></a>
							<a class="pdf" href="managemessage.php?action=mymsgs-pdf&amp;id={$userid}"><span>{#pdfexport#}</span></a>
							<!--
                             <a class="ical" href="managetask.php?action=ical"><span>{#icalexport#}</span></a>
							-->
						</div>
					</div>
				</div>

				<h2>
					<a href="managemessage.php?action=mymsgs" title="{#mymessages#}"><img src="./templates/standard/images/symbols/msgs.png" alt="" />{#mymessages#}</a>
				</h2>
			</div>

			<div class="block" id="activityhead" style = "{$actstyle}">
				<table id = "desktopmessages" cellpadding="0" cellspacing="0" border="0">

					<thead>
						<tr>
							<th class="a"></th>
							<th class="b">{#message#}</th>
							<th class="ce">{#project#}</th>
							<th class="de">{#by#}</th>
							<th class="e">{#on#}</th>
							<th class="tools"></th>
						</tr>
					</thead>

					<tfoot>
						<tr>
							<td colspan="6"></td>
						</tr>
					</tfoot>

					{section name=message loop=$messages}

					{*Color-Mix*}
					{if $smarty.section.message.index % 2 == 0}
					<tbody class="color-a" id="messages_{$messages[message].ID}">
					{else}
					<tbody class="color-b" id="messages_{$messages[message].ID}">
					{/if}
						<tr>
							<td>{if  $userpermissions.messages.close}<a class="butn_reply" href="managemessage.php?action=replyform&amp;mid={$messages[message].ID}&amp;id={$messages[message].project}" title="{#answer#}"></a>{/if}</td>
							<td>
								<div class="toggle-in">
								<span class="acc-toggle" onclick="javascript:accord_msgs.activate($$('#activityhead .accordion_toggle')[{$smarty.section.message.index}]);toggleAccordeon('activityhead',this);"></span>
									<a href="managemessage.php?action=showmessage&amp;mid={$messages[message].ID}&amp;id={$messages[message].project}" title="{$messages[message].title}">
										{$messages[message].title|truncate:30:"...":true}
									</a>
								</div>
							</td>
							<td><a href = "managemessage.php?action=showproject&amp;id={$messages[message].project}">{$messages[message].pname|truncate:20:"...":true}</a></td>
							<td><a href="manageuser.php?action=profile&amp;id={$messages[message].user}">{$messages[message].username|truncate:20:"...":true}</a></td>
							<td>{$messages[message].postdate}</td>
							<td class="tools">
								{if $userpermissions.messages.edit}
								<a class="tool_edit" href="managemessage.php?action=editform&amp;mid={$messages[message].ID}&amp;id={$messages[message].project}&amp;redir=index.php" title="{#edit#}"></a>
								{/if}
								{if $userpermissions.messages.del}
								<a class="tool_del" href="javascript:confirmfunction('{#confirmdel#}','deleteElement(\'messages_{$messages[message].ID}\',\'managemessage.php?action=del&amp;mid={$messages[message].ID}&amp;id={$messages[message].project}\')');"  title="{#delete#}"></a>
								{/if}
							</td>
						</tr>

						<tr class="acc">
							<td colspan="6">
								<div class="accordion_toggle"></div>
								<div class="accordion_content">
									<div class="acc-in">

										{if $messages[message].avatar != ""}
											<div class="avatar"><img src = "thumb.php?width=80&amp;height=80&amp;pic=files/{$cl_config}/avatar/{$messages[message].avatar}" alt="" /></div>
										{else}
												{if $messages[message].gender == "f"}
												<div class="avatar"><img src = "thumb.php?width=80&amp;height=80&amp;pic=templates/standard/images/no-avatar-female.jpg" alt="" /></div>
												{else}
												<div class="avatar"><img src = "thumb.php?width=80&amp;height=80&amp;pic=templates/standard/images/no-avatar-male.jpg" alt="" /></div>
												{/if}										{/if}

										<div class="message">
											<div class="message-in">
												{$messages[message].text|nl2br}
											</div>


											{*MILESTONE and TAGS*}
											{if $messages[message].tagnum > 1 or $messages[message].milestones[0] != ""}
											<div class="content-spacer-b"></div>

												{*MESSAGES-MILESTONES*}

												{if $messages[message].milestones[0] != ""}
													<p>
														<strong>{#milestone#}:</strong>
														<a href = "managemilestone.php?action=showmilestone&amp;msid={$messages[message].milestones.ID}&amp;id={$messages[message].project}">{$messages[message].milestones.name}</a>
													</p>
												{/if}


												{*MESSAGES-TAGS*}

												{if $messages[message].tagnum > 1}
													<p>
														<strong>{#tags#}:</strong>
														{section name = tag loop=$messages[message].tagsarr}
															<a href = "managetags.php?action=gettag&tag={$messages[message].tagsarr[tag]}&amp;id={$messages[message].project}">{$messages[message].tagsarr[tag]}</a>,
														{/section}
													</p>
												{/if}
											{/if}


											{*MESSAGES-FILES*}

											{if $messages[message].files[0][0] > 0}

													<p class="tags-miles">
														<strong>{#files#}:</strong>
													</p>

													<div class="inwrapper">
														<ul>
														{section name = file loop=$messages[message].files}
															<li>
																<div class="itemwrapper" id="iw_{$messages[message].files[file].ID}">

																		<table cellpadding="0" cellspacing="0" border="0">
																			<tr>
																				<td class="leftmen" valign="top">
																					<div class="inmenue"></div>
																				</td>
																				<td class="thumb">
																				 	<a href = "{$messages[message].files[file].datei}" {if $messages[message].files[file].imgfile == 1} rel="lytebox[]" {elseif $messages[message].files[file].imgfile == 2} rel = "lyteframe[text]" {/if} title="{$messages[message].files[file].name}">
																						{if $messages[message].files[file].imgfile == 1}
																				 		<img src = "thumb.php?pic={$messages[message].files[file].datei}&amp;width=32" alt="{$ordner[file].name}" />
																				 		{else}
																						<img src = "templates/standard/images/files/{$messages[message].files[file].type}.png" alt="{$messages[message].files[file].name}" />
																				 		{/if}
																					</a>
																				</td>
																				<td class="rightmen" valign="top">
																					<div class="inmenue">
																						<a class="del" href="managefile.php?action=delete&amp;id={$myprojects[project].ID}&amp;file={$messages[message].files[file].ID}" title="{#delete#}" onclick="fadeToggle('iw_{$messages[message].files[file].ID}');"></a>
																						<!-- <a class="edit" href="#" title="{#editfile#}"></a> -->
																					</div>
																				</td>
																			</tr>
																			<tr>
																				<td colspan="3"><span class="name"><a href = "{$messages[message].files[file].datei}" {if $messages[message].files[file].imgfile == 1} rel="lytebox[]" {elseif $messages[message].files[file].imgfile == 2} rel = "lyteframe[text]" {/if} title="{$messages[message].files[file].name}">{$messages[message].files[file].name|truncate:15:"...":true}</a></span>	</td>
																			<tr/>
																		</table>

																</div> {*itemwrapper End*}
															</li>
														{/section}
														</ul>
													</div> {*inwrapper End*}
													<div style="clear:both"></div>
											{/if}


										</div> {*div messages end*}


									</div>
								</div>
							</td>
						</tr>
					</tbody>
					{/section}

				</table>

				<div class="tablemenue"></div>


		</div> {*block END*}
	</div> {*messages END*}
	<div class="content-spacer"></div>
{/if}


	{literal}
		<script type = "text/javascript">
		try{
		var accord_projects = new accordion('projecthead');
		}
		catch(e)
		{}
		try{
		var accord_tasks = new accordion('taskhead');
		}
		catch(e)
		{}
		try{
		var accord_msgs = new accordion('activityhead');
		}
		catch(e)
		{}
		changeshow('manageajax.php?action=newcal','thecal','progress');
        </script>
	{/literal}


</div> {*content-left-in END*}
</div> {*content-left END*}




{include file="sidebar-a.tpl"}
{include file="footer.tpl"}